<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>权限管理</title>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="shortcut icon" href="../../../extends/img/favicon.ico" />
<!-- Loading Bootstrap -->
<link href="../../../extends/css/main.css" rel="stylesheet">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
    <script src="../../../assets/html5shiv.min.js"></script>
    <script src="../../../assets/respond.min.js"></script>
    <![endif]-->
<script type="text/javascript">
        var require = {
            "config": {
                "site": {
                    "name": "HBKMS",
                    "cdnurl": "../../../",
                    "version": "1.0.0",
                },
                "upload": {
                    "cdnurl": "./",
                },
                "modulename": "admin",
                "controllername": "permission",
                "actionname": "init",
                "jsname": "main/js/admin/permission",
                "moduleurl": "./",
                "language": "zh-cn",
                "referer": null
            }
        };
    </script>
</head>
<body class="inside-header inside-aside">
	<div id="main" role="main">
		<div class="tab-content tab-addtabs">
			<div id="content">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						<section class="content-header hide">
							<h1>
								控制台<small>Control panel</small>
							</h1>
						</section>
						<!-- RIBBON -->
						<div id="ribbon">
							<ol class="breadcrumb pull-left">
								<li><a href="javascript:;" url="first.html"
									class="addtabsit"><i class="fa fa-dashboard"></i> 控制台</a></li>
							</ol>
							<ol class="breadcrumb pull-right">
								<li><a href="javascript:;" data-url="sys">系统管理</a></li>
								<li><a href="javascript:;" data-url="sys/auth">权限管理</a></li>
							</ol>
						</div>
						<!-- END RIBBON -->
						<div class="content">
							<div class="panel panel-default panel-intro">
								<div class="panel-heading">
									<ul class="nav nav-tabs">
										<li class="active"><a href="#userRole" data-toggle="tab"><i
												class="fa fa-mortar-board"></i> 人员角色</a></li>
										<li class=""><a href="#roleMenu" data-toggle="tab"><i
												class="fa fa-list-ul"></i> 角色菜单</a></li>
										<li class=""><a href="#rolePromission" data-toggle="tab"><i
												class="fa fa-unlock-alt"></i> 角色权限</a></li>
									</ul>
								</div>
								<div class="panel-body">
									<div id="myTabContent" class="tab-content">
										<div class="tab-pane fade active in" id="userRole">
											<div class="row margin-b-10">
												<div class="widget-body">
													<div class="col-md-12 fixed-table-toolbar">
														<a href="javascript:;"
															class="columns-right pull-right btn btn-danger btn-refresh-cache"><i
															class="fa fa-refresh"></i> 同步缓存</a> <a href="javascript:;"
															class="columns-right pull-right btn btn-success btn-save"><i
															class="fa fa-save"></i> 保存</a>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="widget-body no-padding">
													<div class="col-md-6">
														<div class="box box-success  box-solid">
															<div class="box-header with-border">
																<h3 class="box-title">用户列表</h3>
															</div>
															<div class="box-body">
																<!-- <div id="toolbar1" class="toolbar">
																	<a href="javascript:;"
																		class="btn btn-primary btn-refresh"><i
																		class="fa fa-refresh"></i></a>
																</div> -->
																<table id="userTable"
																	class="table table-striped table-bordered table-hover"
																	width="100%">
																</table>
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="box box-warning box-solid">
															<div class="box-header with-border">
																<h3 class="box-title">角色列表</h3>
															</div>
															<div class="box-body">
																<div id="toolbar2" class="toolbar">
																	<a href="javascript:;"
																		class="btn btn-primary btn-refresh"><i
																		class="fa fa-refresh"></i></a>
																</div>
																<table id="userRoleTable"
																	class="table table-striped table-bordered table-hover"
																	width="100%">
																</table>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="tab-pane fade" id="roleMenu">
											<div class="row margin-b-10">
												<div class="widget-body">
													<div class="col-md-12 fixed-table-toolbar">
														<a href="javascript:;"
															class="columns-right pull-right btn btn-danger btn-refresh-cache"><i
															class="fa fa-refresh"></i> 同步缓存</a> <a href="javascript:;"
															class="columns-right pull-right btn btn-success btn-save"><i
															class="fa fa-save"></i> 保存</a>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="widget-body no-padding">
													<div class="col-md-6">
														<div class="box box-success  box-solid">
															<div class="box-header with-border">
																<h3 class="box-title">角色列表</h3>
															</div>
															<div class="box-body">
																<div id="toolbar3" class="toolbar">
																	<a href="javascript:;"
																		class="btn btn-primary btn-refresh"><i
																		class="fa fa-refresh"></i></a>
																</div>
																<table id="roleTable1"
																	class="table table-striped table-bordered table-hover"
																	width="100%">
																</table>
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="box box-warning box-solid">
															<div class="box-header with-border">
																<h3 class="box-title">菜单列表</h3>
															</div>
															<div class="box-body">
																<div id="toolbar4" class="toolbar">
																	<a href="javascript:;"
																		class="btn btn-primary btn-refresh"><i
																		class="fa fa-refresh"></i></a>
																</div>
																<table id="roleMenuTable"
																	class="table table-striped table-bordered table-hover"
																	width="100%">
																</table>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="tab-pane fade" id="rolePromission">
											<div class="row margin-b-10">
												<div class="widget-body">
													<div class="col-md-12 fixed-table-toolbar">
														<a href="javascript:;"
															class="columns-right pull-right btn btn-danger btn-refresh-cache"><i
															class="fa fa-refresh"></i> 同步缓存</a> <a href="javascript:;"
															class="columns-right pull-right btn btn-success btn-save"><i
															class="fa fa-save"></i> 保存</a>
													</div>
												</div>
											</div>
											<div class="row">
												<div class="widget-body no-padding">
													<div class="col-md-6">
														<div class="box box-success  box-solid">
															<div class="box-header with-border">
																<h3 class="box-title">角色列表</h3>
															</div>
															<div class="box-body">
																<div id="toolbar5" class="toolbar">
																	<a href="javascript:;"
																		class="btn btn-primary btn-refresh"><i
																		class="fa fa-refresh"></i></a>
																</div>
																<table id="roleTable2"
																	class="table table-striped table-bordered table-hover"
																	width="100%">
																</table>
															</div>
														</div>
													</div>
													<div class="col-md-6">
														<div class="box box-warning box-solid">
															<div class="box-header with-border">
																<h3 class="box-title">权限列表</h3>
																<a href="javascript:;"
																	class="btn btn-primary btn-xs btn-refresh pull-right"><i
																	class="fa fa-refresh"></i></a>
															</div>
															<div class="box-body">
																<div id="menuTree" class="ztree"></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="../../../assets/requirejs/require.js"
		data-main="../../../extends/js/main.js"></script>
</body>
</html>